<template>
  <div class="MainBox">
    <div class="topContentBox">
      <app-header></app-header>
    </div>
    <div class="MainContentBox">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import AppHeader from '@/components/AppHeader'

export default {
  name: 'Main',
  components: {AppHeader},
  comments: {
    AppHeader
  }
}
</script>

<style scoped lang="scss">
  .MainBox {
    width: 100%;
    height: auto;
    min-height: 100%;
    /*background: red;*/
    .topContentBox{
      /*width: 750px;*/
      /*height: 378px;*/
      /*background-image: linear-gradient(0deg, rgba(131, 188, 255, 0.91) 0%, rgba(115, 153, 244, 0.91) 100%), linear-gradient(#e9e9e9, #e9e9e9);*/
      /*background-blend-mode: normal, normal;*/
    }
  }
</style>
